// 定义名为 todo-item 的新组件
// Vue.component('todo-item', {
//     template: '<li>这是个待办项</li>'
// })

// Vue.component('todo-item', {
//     // todo-item 组件现在接受一个
//     // "prop"，类似于一个自定义 attribute。
//     // 这个 prop 名为 todo。
//     props: ['todo'],
//     template: '<li>{{ todo.text }}</li>'
// })

Vue.component('todo-item', {
    props: ['todo'],
    template: '<li>{{ todo.text }}</li>'
})

var app7 = new Vue({
    el: '#app-7',
    data: {
        groceryList: [
            { id: 0, text: '蔬菜' },
            { id: 1, text: '奶酪' },
            { id: 2, text: '随便其它什么人吃的东西' }
        ]
    }
})

var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!'
    }
})

var data = [{ a: "1", b: "2" }, { a: 2, b: 3 }]
var vm = new Vue({
    el: "#vm",
    data: { data2: data }
});

function add1(str) {
    // setInterval(function () {
    //     vm.data2.push({ a: "x", b: str });
    // }, 1000);
    vm.data2.push({ a: "x", b: str });
}

add1(300);